<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
    <title>app</title>
    <!-- 头部引入这两个文件 -->
    <link rel="stylesheet" type="text/css" href="css/other-header.css">
    <link rel="stylesheet" type="text/css" href="css/header.css">
    <link rel="stylesheet" type="text/css" href="css/app.css">
    <link rel="stylesheet" type="text/css" href="css/footer.css">
</head>
<body>
    <!-- 子页面头部 -->
    <div class="other-header">
        <div class="header-inner other-inner">
            <div class="header-home other-home">
                <a href="#" title="BOSS直聘">
                    <span hidden>BOSS直聘</span>
                </a>
            </div>
            <div class="header-nav other-nav">
                <ul>
                    <li class="header-nav-item">
                        <a href="" title="">首页</a>
                    </li>
                    <li class="header-nav-item">
                        <a href="" title="">职位</a>
                    </li>
                    <li class="header-nav-item">
                        <a href="" title="">校园</a>
                        <div class="header-school">
                            <a href=""></a>
                            <a href=""></a>
                            <a href=""></a>
                            <a href=""></a>
                        </div>
                    </li>
                    <li class="header-nav-item">
                        <a href="" title="">公司</a>
                    </li>
                    <li class="header-nav-item header-highlight">
                        <a href="" title="">APP</a>
                    </li>
                    <li class="header-nav-item">
                        <a href="" title="">资讯</a>
                    </li>
                </ul>
            </div>
            <div class="header-user other-user">
                <a href="">上传简历</a>
                <a href="">我要找工作</a>
                <a href="">我要招聘</a>
                <a href="" class="header-user-btn">注册</a>
                <a href="" class="header-user-btn">登录</a>
            </div>
        </div>
    </div>
    <!-- 左右 -->
    <div class="full-app">
        <div class="full-inner">
            <div class="app-left">
                <div class="app-tip"></div>
            </div>
            <div class="app-right">
                <h3 class="fade-title">找工作要跟，老板谈</h3>
                <div class="fade-des">下载BOSS直聘APP</div>
                <div class="app-btns">
                    <div class="app-qrcode">
                        <img src="https://app.zhipin.com//wapi/zpgeek/qrcode/generate.json?content=https%3A%2F%2Fwww.zhipin.com%2Fd%2Fv2%2F%3Ftype%3Dqr%26pkn%3Dintro%26sid%26w%3D142%26h%3D142" alt="">
                        <a href="" title="" class="btn-iphone">
                            <span>iPhone</span>
                        </a>
                        <a href="" title="" class="btn-android">
                            <span>Android</span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 上下 -->
    <div class="company-chat">
        <div class="full-inner">
            <div class="chat-down">
                <h3 class="fade-title">BOSS直聘</h3>
                <div class="fade-des">企业BOSS与职场牛人直接在线开聊</div>
            </div>
            <div class="chat-in fadeIn">
                <div class="chat-phone"></div>
                <div class="chat-logo">
                    <img src="https://static.zhipin.com/v2/web/news/images/logo.png" alt="">
                </div>
                <ul class="chat-members">
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/boss-1.png" alt="" class="boss-img">
                        <img src="https://static.zhipin.com/v2/web/news/images/company-1.png" alt="" class="company-img">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/boss-2.png" alt="" class="boss-img">
                        <img src="https://static.zhipin.com/v2/web/news/images/company-2.png" alt="" class="company-img">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/boss-3.png" alt="" class="boss-img">
                        <img src="https://static.zhipin.com/v2/web/news/images/company-3.png" alt="" class="company-img">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/boss-4.png" alt="" class="boss-img">
                        <img src="https://static.zhipin.com/v2/web/news/images/company-4.png" alt="" class="company-img">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 左右 -->
    <div class="full-direcruit">
        <div class="full-inner">
            <div class="direcruit-left">
                <div class="direcruit-list">
                    <div class="direcruit-inner"></div>
                </div>
                <div class="direcruit-tip"></div>
            </div>
            <div class="direcruit-right">
                <h3 class="fade-title">直聘 / direcruit</h3>
                <div class="fade-des">在APP上跟未来BOSS直接开聊 与冷冰冰的简历投递说再见</div>
            </div>
        </div>
    </div>
    <!-- 上下 -->
    <div class="full-company">
        <div class="full-inner">
            <div class="company-down">
                <h3 class="fade-title">名企 / BIG COMPANY</h3>
                <div class="fade-des">阿里百度腾讯，滴滴美团京东。都在用BOSS直聘招人</div>
            </div>
            <div class="company-in fadeIn">
                <div class="company-computere"></div>
                <ul class="company-logo">
                    <li class="logo-1">
                        <img src="https://static.zhipin.com/v2/web/news/images/logo-baidu.png" alt="">
                    </li>
                    <li class="logo-2">
                        <img src="https://static.zhipin.com/v2/web/news/images/logo-didi.png" alt="">
                    </li>
                    <li class="logo-3">
                        <img src="https://static.zhipin.com/v2/web/news/images/logo-meituan.png" alt="">
                    </li>
                    <li class="logo-4">
                        <img src="https://static.zhipin.com/v2/web/news/images/logo-ali.png" alt="">
                    </li>
                    <li class="logo-5">
                        <img src="https://static.zhipin.com/v2/web/news/images/logo-jd.png" alt="">
                    </li>
                    <li class="logo-6">
                        <img src="https://static.zhipin.com/v2/web/news/images/logo-tencent.png" alt="">
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 左右 -->
    <div class="full-decent">
        <div class="full-inner">
            <div class="decent-right">
                <div class="decent-phone"></div>
                <ul class="decent-cards">
                    <li class="card-1"></li>
                    <li class="card-2"></li>
                    <li class="card-3"></li>
                    <li class="card-4"></li>
                    <li class="card-5"></li>
                    <li class="card-6"></li>
                </ul>
            </div>
            <div class="decent-left">
                <h3 class="fade-title">DECENT PAY / 高薪</h3>
                <div class="fade-des">除了真人在线之外 BOSS们认为最能表现诚意的是可观的薪资</div>
            </div>
        </div>
    </div>
    <!-- 其他 -->
    <div class="app-other">
        <div class="full-inner">
            <div class="app-always">
                <div class="always-top">
                    <h3 class="fade-title">他们一直在用</h3>
                </div>
            </div>
            <div class="company-box">
                <a href="" title="" class="other-prev">Prev</a>
                <ul class="company-list">
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-8.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-9.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-10.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-11.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-12.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-13.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-14.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-1.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-2.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-3.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-4.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-5.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-6.png" alt="">
                    </li>
                    <li>
                        <img src="https://static.zhipin.com/v2/web/news/images/c-7.png" alt="">
                    </li>
                </ul>
                <a href="" title="" class="other-next">Next</a>
            </div>
        </div>
    </div>
    <!-- 页脚 -->
    <div class="other-footer">
        <div class="footer-inner">
            <div class="footer-social">
                <img src="https://static.zhipin.com/v2/web/geek/images/footer-logo.png" alt="">
                <p>
                    企业服务热线和举报投诉
                    <span> 400 065 5799</span>
                </p>
                <p>
                    工作日
                    <span> 8:00 - 22:00</span>
                </p>
                <p>
                    休息日
                    <span> 9:30 - 18:30</span>
                </p>
                <p class="footer-icon">
                    <a href="" title="" class="icon-weibo"></a>
                    <a href="" title="" class="icon-weixin">
                        <img src="https://static.zhipin.com/v2/web/geek/images/we_chat_qr.jpg" alt="" class="qrcode-weixin">
                    </a>
                    <a href="" title="" class="icon-app"></a>
                </p>
            </div>
            <div class="footer-about">
                <dl>
                    <dt>企业服务</dt>
                    <dd>
                        <a href="" title="">职位搜索</a>
                        <a href="" title="">新闻资讯</a>
                        <a href="" title="">BOSS直聘APP</a>
                    </dd>
                </dl>
                <dl>
                    <dt>使用与帮助</dt>
                    <dd>
                        <a href="" title="">用户协议与隐私政策</a>
                        <a href="" title="">防骗指南</a>
                        <a href="" title="">职位发布规则</a>
                        <a href="" title="">使用帮助</a>
                    </dd>
                </dl>
                <dl>
                    <dt>联系BOSS直聘</dt>
                    <dd>
                        <p>北京华品博睿网络技术有限公司</p>
                        <p>公司地址 北京市朝阳区太阳宫中路8号冠捷大厦302</p>
                        <p>联系电话 010-84150633</p>
                        <p>
                            违法和不良信息举报邮箱
                            <a href="" title="" class="report-mail">jubao@kanzhun.com</a>
                        </p>
                    </dd>
                </dl>
            </div>
            <div class="copyright">
                <p>
                    <span>Copyright © 2020 BOSS直聘</span>
                    <span>京ICP备14013441号-5</span>
                    <span>京ICP证150923号</span>
                    <span>京网文[2020]0399-066 号</span>
                    <span>
                        <a href="" title="">
                            <img src="https://static.zhipin.com/v2/web/geek/images/icon-badge-1.png" alt="">电子营业执照
                        </a>
                    </span>
                    <span>
                        <a href="" title="">
                            <img src="https://static.zhipin.com/v2/web/geek/images/icon-beian.png" alt=""> 京公网安备11010502032801
                        </a>
                    </span>
                    <span>
                        <a href="" title="">首都网警</a>
                    </span>
                    <span>
                        <a href="" title="">人力资源服务许可证</a>
                    </span>
                    <span>
                        <a href="" title="">网上有害信息举报专区</a>
                    </span>
                </p>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="js/app.js"></script>
</html>